﻿*
{
    font-family: verdana, arial, helvetica, sans-serif;
}

#PageContainer
{
    width:800px;
    margin:0 auto;
    font-family:verdana, arial, helvetica, sans-serif;
}

body.tmpFixed
{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow:hidden;
}

#PageContainer #PageTitle
{
    border:3px solid #ddd;
    border-radius:5px;
    padding:1px 5px 1px 5px;
    background-color:#eee;
    background-image:url('cat.png');
    background-position:right;
    background-repeat:no-repeat;
}


#PageContainer #PageTitle h1
{
    font-size:1.2em;
}

.clearBoth
{
    clear:both;
}

#PageContainer #PageFooter
{
    border:3px solid #ddd;
    border-radius:5px;
    padding:1px 5px 1px 5px;
    background-color:#eee;
    background-image:url('cat2.png');
    background-position:left;
    background-repeat:no-repeat;
}


#PageContainer #PageFooter h1
{
    font-size:1.2em;
    width:auto;
    text-align:right;
}

#PageContainer img.imgKeyPadThumb
{
    height:60px;
    margin-top:5px;
    cursor:pointer;
}

#overlay
{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    filter:alpha(opacity=50);
    -moz-opacity:0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
    z-index: 100;
    cursor:pointer;
}

.hidden
{
    display:none;
}

#PageContainer h1#KeyPadHeader1
{
    padding:0;
    margin:20px 0 0 0;
    color:Green;
    font-size:2.5em;
}

#PageContainer h2
{   
    padding:0;
    margin:0;
    font-size:1em;
    font-style:italic;
}

#PageContainer h3
{
    padding:0;
    margin:25px 0 0 0;
    font-size:1.5em;
    color:green;
}

#PageContainer h4
{
    padding:0;
    margin:0;
}

#PageContainer p
{
    padding:0;
    margin:0 0 15px 0;
}


#PageContainer #PageTitle a,
#PageContainer #PageFooter a
{
    color:#444;
}

ul.selectable
{
    margin:0 0 10px 0;
    padding:0;
    list-style:none;
}

ul.selectable li
{
    cursor:pointer;
    color:blue;
    list-style:none;
    float:left;
    width:auto;
    margin:0 15px 10px 15px;
}
ul.selectable li:hover
{
    text-decoration:underline;
}    

pre
{
    clear:both;
}
    
a.download
{
    float:right;
    width:auto;
    border:3px solid #ddd;
    border-radius:5px;
    padding:10px;
    background-color:Green;
    color:#fff;
    font-weight:bold;
    font-size:2em;
}


div#usage h4
{
}

div#usage div h4
{
    cursor:pointer;
}

div#usage div h4:hover
{
    text-decoration:underline;
}

div#usage div div
{
}



div.divDescriptionContainer
{
    padding:0 10px 0 0;
    margin:0 0 100px 0;
    
    margin:5px 10px 10px 10px;
    background-color:#ddd;
    border:5px solid #ddd;
    border-radius:5px;
}

div.divDescriptionContainer div.divDescriptionTitle
{
    padding:0;
    margin:0 0 0 0;
    cursor:pointer;
    clear:both;
    font-size:0.9em;
}

div.divDescriptionContainer div.divDescriptionTitle .descHeader1
{
    width:200px;
    float:left;
    color:#1b75bb;
}
div.divDescriptionContainer div.divDescriptionTitle .descHeader1.width500,
div.divDescriptionContainer div.divDescriptionTitle .descHeader3.width500
{
    width:500px;
}
div.divDescriptionContainer div.divDescriptionTitle .descHeader1.width700
{
    width:700px;
}

div.divDescriptionContainer div.divDescriptionTitle:hover .descHeader1/*hover*/
{
    text-decoration:underline;
}
div.divDescriptionContainer div.divDescriptionTitle div.descHeader2
{
    width:200px;
    float:left;
}
div.divDescriptionContainer div.divDescriptionTitle div.descHeader3
{
    width:350px;
    float:left;
}
div.divDescriptionContainer div.divDescriptionTitle div.descHeader3 span
{
    color:#666;
}

div.divDescriptionContainer div.divDescriptionText
{
    clear:both;
    padding:0;
    font-size:0.8em;
}

div.divDescriptionContainer div.divDescriptionText pre
{
    font-size:1.1em;
}